*{box-sizing:border-box;margin:0; padding:0; list-style:none; font-family: "微软雅黑" }
*{box-sizing:border-box;margin:0; padding:0; list-style:none; font-family: "微软雅黑" }
a{ text-decoration:none; color:#333; transition: all 0.3s; -o-transition: all 0.3s; -mos-transition: all 0.3s; -webkit-transition: all 0.3s;  }
a:hover{color:#0087ff;text-decoration:none}
a:link{text-decoration:none}
h1,h2,h3,h4,h5,h6{font-weight:normal; margin: 0;}
hr{ border:none;}
.clear{ clear:both;}
.container{ padding: 0;}
p,ul{margin: 0;}
img{ border:0; vertical-align:middle; }
input,textarea{outline:none;}
.row{ margin: 0px}

/*导航*/
.header_top_xtitle{width: 100%; height: 35px; }
.header_top_xtitle ul{width:100%; height:100%; float: right; }
.header_top_xtitle ul li{float:right; width: auto; height: 100%; font-size: 12px; }
.header_top_xtitle li img{width: 14px; height: 12px; margin-right: 3px;margin-bottom: 3px;}
.header_top_xtitle ul li a{padding:0 10px;color: #fff;line-height: 32px; }
.gongchang{width:12px!important; height:12px!important;}
.gongchangs a{border-right:1px solid #fff;border-left:1px solid #fff;}
.bgxt a{color:#f5a103!important; font-weight: bold}
.mian_header{width:100%; height: 600px;position: relative}
.header_dao{width:100%; height: 90px; background: #fff;position: relative}
.navbar-inverse{background: #fff; height: 100%;border-color: #fff; border: 0px;padding: 0px;display:none}
.navbar-collapse{padding: 0}
.navbar-brand{padding:15px 18px; height:100%;}
.nav>li>a{padding: 6px 20px;margin:12px 7px 10px;border-radius: 16px;}
.navbar-collapse{border-color: none;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175);}
.navbar-toggle{background-color: rgb(79,75,75);}
.header-engt-img{width: 212px;}
.fullscreen-bg {position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100vw;overflow: hidden;z-index: -100;}
.nav-sign-up {float: right;width:10%; height: 89px; background:#f2f2f2;padding-top: 35px; }
.nav-sign-up li{width:50%; float: left; text-align: center; height:20px;line-height: 20px}
.nav-sign-up li a{color: #0f7ac8; font-size:16px; display:block; overflow:hidden; text-align: center}
.nav-sign-up li a img{width:19px;height:19px;}
.sign-en{ border-right:1px solid #cccccc;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus{background:#0f7ac8;}
.sliding-middle-out:hover,.sliding-middle-out:focus,.sliding-middle-out:active{color: #fff!important; background:#0f7ac8!important}
.dropdown-menu{top:90px;border:0px;min-width: 100%}
.dropdown-menu li{height:38px; line-height:38px; text-align: center;}
.nav>li{ height: 90px; cursor:pointer}
.dropdown-menu>li>a{line-height: 38px;}
.navbar-inverse .navbar-nav>li>a{color:#666; font-size:14px;}
.sousuo{position: absolute; top:95px; right:0px; z-index:999;width: 320px; background: #fff; padding: 10px 18px; display: none}
.sousuo .button_ti{width:20px; height:20px; background: url(../images/sousuo.png) no-repeat; border:0px; float: right; margin-top: 9px}
.sousuo input{ width:258px; height:40px; border:1px solid #bbb; border-radius: 5px; padding-left: 8px}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus{background:#0f7ac8!important}
.fixedtop{position: fixed!important; top: 0; left:50%; margin-left: -600px;z-index:99999;width: 1200px; -moz-box-shadow: 0px 1px 8px rgba(0,0,0,0.3); /* 老的 Firefox */
box-shadow: 0px 1px 8px rgba(0,0,0,0.3);}
.swiper-pagination-bullet{width:15px;height:15px;}
.china{display:none}
.index_header_top .container{position: absolute;top: 0px;left: 50%;z-index: 999; margin-left: -600px;height: 126px;}


/*首页关于我们*/
.index_main_about{width:100%; height:auto; display: block; overflow: hidden}
.index_main_about .about_xinwen{width:56%; height:350px; background: #0f7ac8; float: left}
.index_main_about .about_xinwen ul{width:67%; height: 100%; float: right; padding-top: 30px;}
.index_main_about .about_xinwen li{width:50%;float: left;height: 55px; margin: 40px 0}
.index_main_about .about_xinwen li img{ float: left;width:47px; height: 52px; margin-right: 10px; -o-transition: -webkit-transform 0.5s ease-out; 
   -webkit-transition: -webkit-transform 0.5s ease-out; -moz-transition: -moz-transform 0.5s ease-out;  transition: transform 0.5s ease-out; }
.index_main_about .about_xinwen li:hover img{ -webkit-transform: rotate(360deg);  -moz-transform: rotate(360deg);  transform: rotate(360deg); }
.index_main_about .about_xinwen li .about_biaoti{width: 54%; float: left}
.index_main_about .about_xinwen li h3{font-size:16px; color: #fff;width: 100%;overflow: hidden; text-overflow: ellipsis;white-space:nowrap; height: 30px; 	line-height: 30px;}
.index_main_about .about_xinwen li p{ font-size: 13px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; height: 22px;
	line-height: 22px; color: #fff}
.about_shipin{width:44%; float: right;  height: 350px; background: url(../images/bofang1.png) no-repeat center; background-size:auto 100%; position: relative; cursor: pointer;}
.jsfw{width: 52px!important; height: 44px!important; margin-top: 6px}
.about_shipin img{width: 84px; height:84px; position: absolute;left:50%; top: 50%; margin-left:-42px;margin-top: -42px }
.shipin_tan{width:100%;height:100%; background#000;position:fixed; top:0px; left:0px; display:none; background:rgba(0, 0, 0, 0.57);z-index:999}
.lb-close {
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    background: url(../images/close.png) top right no-repeat;
    text-align: left;
    outline: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
transition: opacity 0.2s;}

.video-box{ width:100%!important; height:100%!important}
.shipin_chu{ width:50%; height:500px;position:fixed; top:50%; left:50%;margin-left:-25%; margin-top:-250px;}



/*产品介绍*/
.index_main_product{margin:63px 0;position: relative}
.index_products{width:100%; height: 229px; margin-top: 30px}
.products_images{width: 100%;height: auto; position: relative; color: #fff; display: block; overflow: hidden}
.products_images p{width:100%; height: 40px; line-height: 40px; font-size: 14px; background:rgba(15, 66, 135, 0.70);position: absolute; left: 0; bottom: 0; z-index: 9999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.products_images img{width: 100%; height: 230px;transform: scale(1.05);transition: all 1s ease 0s;
    -webkit-transform: scale(1);
    -webkit-transform: all 1s ease 0s;}
.products_images:hover img{transform: scale(1.4);transition: all 1s ease 0s;-webkit-transform: scale(1.4);-webkit-transform: all 1s ease 0s;}
.products_images:hover{color:#fff}
.swiper-button-next{right:16%!important; margin-top: 22px!important;}
.swiper-button-prev{left:16%!important; margin-top:22px!important;}



/*首页 新闻*/
.index_main,.index_news_info ul,.index_main_product{width:100%; height:auto; display: block; overflow: hidden}
.index_main_news{width:100%; height: auto; background: #f5f5f5;padding-top:50px }
.index_main_news h3,.index_main_product h3{ font-size: 30px; color: #333; font-weight: bold; width: 100%; text-align: center; height: 35px; line-height: 35px;}
.index_main_news .news_xiaot,.index_main_product .news_xiaot{width:100%; height:30px; line-height: 30px; text-align: center; font-size:14px; color: #999999; }
.index_news_info{width:100%; height:auto; display: block;overflow: hidden; background: #fff;padding: 25px 0; margin:30px 0 50px}
.index_news_info ul li{width: 100%; height: 30px; line-height: 30px;}
.index_news_info ul li:hover time{color: #0f7ac8}
.index_news_info ul li:hover p{color: #0f7ac8}
.index_news_litop a:hover h5{color: #0f7ac8}
.index_news_xx:hover a{color: #0f7ac8}
.index_news_info ul li time{font-size:12px; color: #999999; float: left; width: 20%}
.index_news_info ul li p{ font-size: 12px; color: #666; width: 79%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: right;
	border-bottom: 0px; padding-bottom: 0px; height: 100%}
.index_news_li{width:33%; float: left;  border-left:1px solid #eeeeee ;}
.index_news_litop{width: 100%; height:auto;  display: block; overflow: hidden;padding:0px 13px;}
.index_news_litop h5{ font-size: 18px; color: #333; width: 100%; height:30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.index_news_litop time{font-size:12px; color: #999999;}
.index_news_litop p{width:100%; height:40px; line-height: 30px; color: #999; font-size:12px;border-bottom: 1px dashed #e5e5e5;  padding-bottom: 10px; overflow: hidden;text-overflow:ellipsis; white-space: nowrap}
.index_news_xx{width:100%; height: 20px; line-height: 20px; margin-bottom:20px;padding-right: 15px;}
.index_news_xx h4{float:left; color: #333; font-weight:bold; font-size:18px;height: 20px; line-height: 20px; border-left:2px solid #0f7ac8;padding-left:13px}
.index_news_xx a{float:right; font-size:12px; color: #999999}
.index_news_info ul{margin-top: 15px}


/*内页 关于我们*/
.mian_about_header{width:100%; height:400px; background: url(../images/aboutbj.jpg) no-repeat center; background-size: auto 100%}
.mian_about .mian_about_info{float: left}
.mian_about h2{ font-size:60px; color: #ddd}
.mian_about h4{ font-size:24px; color:#0f7ac8; margin:8px 0px 30px 0;}
.mian_about{ font-size:14px; color: #666666; line-height: 30px;}
.mian_about img{/*height:320px;width: 43%;*/ float: right}


/*内页 新闻*/
.mian_news_header{width:100%; height:400px; background: url(../images/newsbj.jpg) no-repeat center; background-size: auto 100%}
.service_time{width:13%; float: left; text-align: right; margin-right: 18px;}
.mian_service_info{width:65%; float: left}
.service_time time{color: #555555; font-size: 42px; margin-top: 10px; display:block; overflow: hidden; width: 100%}
.service_time p{ font-size:18px; color: #555;height: 35px; line-height: 35px;}
.mian_news ul li:hover{background:#f4f4f4}
.keyword_light{ color:#666; line-height:30px;}


/*内页 服务*/
.mian_service,.mian_news,.mian_about,.mian_product{width:100%; height:auto;display: block; overflow: hidden; margin-bottom: 50px; margin-top: 40px;line-height: 32px;font-size: 16px;}
.mian_service_header{width:100%; height:400px; background: url(../images/servicebj.jpg) no-repeat center;}
.mian_header_top .container{position: absolute;top: 0px;left: 50%;z-index: 999; margin-left: -600px;height: 400px;}
.mian_service ul li,.mian_news ul li{width: 100%; height: auto; padding:24px 30px 24px 40px; display:block; overflow: hidden}
.mian_service ul li .mian_service_info{ width:76%; float:left}
.mian_service_info h3{ font-size:24px; color: #555555; font-weight: bold; width:100%; height:35px; line-height: 35px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.mian_service_info p{width:100%; line-height: 24px; color: #555; font-size: 14px; word-break:break-all;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top: 15px;}
.mian_service_info a.link{ color: #555; font-size: 14px; margin-top: 15px; overflow: hidden;display: block}
.mian_service ul li img,.mian_news ul li img{width:20%; height:145px; float: right}
.mian_service ul li:hover{background:#f4f4f4}
.zong_title{width: 100%; height: auto; position: absolute; bottom: 0px; left:0; z-index:111;}
.zong_title ul li a{float:left; height:100%; line-height: 49px; margin-right:10px;text-align: center; background: #0f7ac8; width: 137px;color: #fff;
	font-size:14px;}
.zong_title ul li a.active{ background: #fff; color: #222;}
.zong_title ul li a:hover{background: #fff; color: #222;}
.service_name{width:100%; height: auto; margin-bottom: 50px;}
.service_name h3{ font-size: 36px; font-weight: bold; color: #FFFFFF; height: 35px; line-height: 35px; margin-bottom: 10px;}
.service_name p{ color: #fff; font-size: 12px; width:100%; height: 30px; line-height: 30px;}
.service_name p a{color: #fff;}


/*研究院专区*/
.mian_yanjiu_header{width:100%; height:400px; background: url(../images/yjbj.jpg) no-repeat center; background-size: auto 100%}


/*联系我们*/
.mian_con_header{width:100%; height:400px; background: url(../images/conbj.jpg) no-repeat center; background-size: auto 100%}
.mian_ditu{width:100%; height:auto; display: block; overflow: hidden;}
.ditu_neirong{width:100%; height:423px; margin:30px 0;  border: 1px solid #ccc;}
.ditu_info{width:100%; height:auto; display: block;margin-bottom: 45px; overflow:hidden}
.ditu_info .ditu_info_left{width:60%; float: left}
.ditu_info .ditu_info_left p{width:100%; height:auto; line-height:30px; color: #666; font-size: 14px;}
.ditu_info .index_bottom_right{margin-top:0px;}


/*内页产品*/
.mian_product_header{width:100%; height:400px; background: url(../images/probj.jpg) no-repeat center; background-size: auto 100%}
.mian_product li{margin-bottom:25px}
.mian_product li a{ width: 100%; height:auto; display:block; overflow: hidden; position: relative}
.mian_product li a .product_info{width:100%; height: auto; position: absolute; bottom: 0; left: 0; background:rgba(15, 66, 135, 0.70); padding: 5px 8px}
.mian_product li a h4{ font-size: 16px; font-weight: bold; color: #fff; height:30px; line-height:30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.mian_product li p{ font-size: 14px; color: #fff;word-break:break-all;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;overflow:hidden;}
.mian_product li img{width: 100%; height: 379px;transform: scale(1.05);transition: all 1s ease 0s;
    -webkit-transform: scale(1);
    -webkit-transform: all 1s ease 0s;}
.mian_product li:hover img{transform: scale(1.4);transition: all 1s ease 0s;-webkit-transform: scale(1.4);-webkit-transform: all 1s ease 0s;}
.products_lei{ width:100%;height:auto; display:block;margin-bottom:15px; overflow:hidden}
.products_lei a{ float:left; padding:3px 10px;     margin-bottom: 12px; text-align:center; border:1px solid #555; margin-right:10px; }
.products_lei a.active{ background:#0f7ac8; color:#fff; border:1px solid #0f7ac8}
.products_lei a:hover{background:#0f7ac8; color:#fff; border:1px solid #0f7ac8}

.main_product_list{width:100%; height:auto;display: block; overflow: hidden; margin-bottom: 50px; margin-top: 40px; line-height:32px; font-size: 16px;}
.main_product_list ul,.mian_service ul{width:100%; height:auto; display:block; overflow:hidden}
.main_product_list li .product_list{ width:100%;  height:173px; border:2px solid #d2d2d2; overflow:hidden; margin-bottom:20px;}
.main_product_list li .product_list img{width:100%; height:100%; transform: scale(1);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1);
    -webkit-transform: all 1s ease 0s;}
.main_product_list li p{width:100%; height:35px;  line-height:35px; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; color:#333; text-align:center;}
.main_product_list li:hover .product_list{ border:2px solid #0f7ac8;}
.main_product_list li:hover	img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.main_product_list li:hover p{ color:#0f7ac8; border-top:1px solid #0f7ac8; border-bottom:1px solid #0f7ac8;}
.main_product_list li{ margin-bottom:30px;}



/*内页网站地图*/
.mian_map{width:100%; height:auto; display:block; overflow: hidden}
.ny_t{width:100%;height:80px;border-bottom:#eee 1px solid;clear:both}
.bt{width:100%; margin-top: 15px;}
.bt h2{font-size:24px;line-height:36px;color:#333;font-weight:400;clear:both}
.bt h3{font-size:24px;line-height:25px;font-weight:400;font-family:Arial,Helvetica,sans-serif;color:#999;clear:both}
.pos{float:right;color:#bbb;line-height:60px;font-size:12px}
.main{ width: 100%; margin:30px auto;}
.main li{ margin-bottom: 40px;list-style: none}
.main li h2{ font: 18px/32px "microsoft yahei"; background:url(../images/yuan.png) left center no-repeat; margin-bottom: 10px;}
.main li p{ font: 14px/22px "microsoft yahei";}
.main li p span{ color: #666;}
.main li p a{ color: #666; margin-right: 40px;}
.main li h2,.main li p{ padding-left: 40px;}


/*底部导航*/
.lajt-bottom{height:353px;width:100%;background-color: #323b4c; color: #fff; padding-top: 50px;}
.dibu_top{height:auto; display: block; overflow: hidden; padding-bottom: 30px}
.footer_first{width:100%; height: 240px; display: block; overflow: hidden;}
.index_bottom{width:224px; float: left}
.index_bottom img{width: 202px; height: 102px}
.index_bottom_right{ float: right;margin-top: 20px}
.index_bottom_right li{width: 127px; height: auto; float: left; margin-right: 10px;}
.index_bottom_right li img{width: 127px; height: 127px;}
.index_bottom_right li p{font-size: 12px; color: #8f98a1; height: 25px; line-height: 25px;text-align:center; margin-top: 8px}
.footer_lian{width:46%; height: 100%; float: left; margin-left: 60px;padding-top: 10px;}
.footer_first .footer_lian a{ width: 16%; height:35px; color: #8f98a1; font-size:14px; text-align: center; float: left}
.footer_lian_a{width:100%; height: 35px;}
.footer_lian ul{width:100%; height:auto; border-top: 1px solid #616a77;padding-top: 20px}
.footer_lian ul li{width:100%; height:auto;color: #8f98a1; font-size: 12px; line-height: 28px;}
.footer_dh{width:224px; height: 40px; color: #323b4c; background: #8f98a1; border-radius: 20px; line-height: 40px; padding: 0px 20px;margin-top: 27px;}
.footer_dh img{width:28px; height:23px; float: left; margin-top: 8px;}
.footer_dh p{font-size:18px;font-weight: bold; margin-left: 35px;}
.foot_link{width:100%; height:auto; border:1px solid #616a77; padding:10px 15px; display: block; overflow: hidden; margin-top:20px;}
.foot_link p{float:left; color: #8f98a1}
.foot_link ul{ float:left;width:90%; margin-bottom: 0px}
.foot_link ul li{width:auto; height: 100%; float: left;  }
.foot_link ul li a{color: #8f98a1; font-size:12px;border-right:1px solid #8f98a1; padding:0px 5px}
.foot_dibu{ width: 100%; height:46px; background: #0e141d; font-size: 12px; color: #fff; line-height:46px;}
.beianhao{width:50%; float: left;}
.leo_bottom_right{ float: right;}
.leo_bottom_right{width:50%; height:46px; line-height:46px; float: right;}
.leo_bottom_right li{ width:39%; float: right;height: 100%;}
.leo_bottom_right p{ float: left; color: #fff; margin: 0px;}
.leo_bottom_right img{float: left; margin:10px 0px 0 5px}
.vh,.wh{display: none;}
.leo_bottom_right li.vv:hover .vh{display: block;}
.leo_bottom_right li.vv:hover .vs{display: none;}
.leo_bottom_right li.ww:hover .wh{display: block;}
.leo_bottom_right li.ww:hover .ws{display: none;}
.leo_bottom_right li.vv{margin-right:8px}
.ws{width:111px;height:22px;}
.wh{width:107px;height:18px;}
.vs{width:121px;height:22px;}

/*手机底部导航*/
/*底部*/
.shou_footer{position: fixed;right: 0; bottom: 0; height:60px; background: #0f7ac8; font-size:18px; z-index: 9999;width: 100%; display:none}
.shou_footer a{float: left;width:20%;color: #fff;text-align: center;height: 100px;position: relative;}
.shou_footer a span{display: block;line-height: 30px;position: absolute;top: 30px;left: 50%;margin-left: -15px;font-size:0.8em}
.footer_zc{width:100%; height:auto; display: none; overflow: hidden;margin-bottom: 60px;background: #fff;padding: 15px 0;}
.footer_zc > a > img{ width:62px; text-align: center;margin-top: 19px;}
.footer_zc p{width:100%; height:35px; line-height: 35px; font-size:16px; color: #777777; text-align: center;}
.shou_footer .active{background:#0565ab;height: 120px;color: #fff;}
.shou_footer .none{display: none}
.shou_footer .active .none{display: block}

.shou_footer a img{margin-top:5px;height:25px; }
.shou_footer a p{ height:30px; line-height:30px; font-size:20px; text-align:center}



/*轮播图通用代码*/
 .swiper-container {width: 100%;height: 100%;}
 .swiper-slide { text-align: center;font-size: 18px;background: #fff;display: -webkit-box;
        display: -ms-flexbox;display: -webkit-flex; display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
}


/*页码*/
.page-list{ position:relative; margin:20px 0; clear:both; }
.page-list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.page-list a,.page-list span{ margin:0;  padding:0; display:none; float:left; width:25%; line-height:35px; border:1px solid #ddd; border-right-color:#fff; font-size:13px; text-align:center; background:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.page-list span{ color:#999; }
.page-list a{ color:#1eabf3; }
.page-list span:nth-child(1),.page-list span:nth-child(2),.page-list a:nth-child(2){ display:block; float:left;}
.page-list span:nth-last-child(1),.page-list a:nth-last-child(1){ display:block; float:left; border-right-color:#ddd; }
.page-list .current{ display:block; float:left; }

/*客服*/
.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:200px;
    width: 77px;
    z-index: 11;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    margin-top: 9px;
    width: 300px;
}
.leftlx {
    float: left;
    height: 47px;
    width: 77px;
}
.lxfx li span {
    border-left: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    float: left;
    font-size: 20px;
    height: 24px;
    line-height: 22px;
    margin-top: 8px;
    padding-left: 8px;
}
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -145px;
    position: absolute;
    top: -40px;
    width: 120px;
}
.lxfx li i {
    display: block;
    height: 27px;
    margin: 0 auto;
    text-align: center;
    width: 30px; background:url(../images/fx.png) no-repeat;
}
.lxfx li i.icon-tel {
    background-position: 0 -25px;
}
.lxfx li i.icon-ly {
    background-position: 4px -53px;
}
.lxfx li i.icon-wx {
    background-position: -34px 4px;
}
.lxfx li i.icon-wb {
    background-position: -30px -22px;
}
.lxfx li p {
    line-height: 12px;
    text-align: center;
}
.lxfx li {
    background:#0f7ac8;
    height: 56px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 77px; float:left;
}

/*pc导航*/
.top_nav{width:100%; height:90px;background:#fff}
.top_nav .main_container{width:100%; height:100%;}
.nav .nLi{ float:left;  position:relative; display:inline; height: 100%;font-size: 14px;padding:0px 10px; }
.nav li.active h3 a{   background: #0f7ac8;border-radius: 16px; color:#fff}
.nav li.active h3 a{color:#fff}
.nav li.active h3 a span{color:#fff}
.nav li.nLi:hover h3 a{ background: #0f7ac8;border-radius: 16px; color:#fff }
.nav li.nLi:hover h3 a{ color: #fff}
.nav li.nLi:hover h3 a span{color: #fff }
.nav li img{width:75px; height:95px; margin-top:8px;}
.nav .nLi h3{width:98px;}
.nav .nLi h3 a{    display: block;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    height: 32px;
    width: 100%;
    text-align: center;
    color: #333;
    line-height: 32px;
    margin-top: 28px; }
.nav .sub{ zoom: 1; display:none; width:100%; left:0; top:90px;  position:absolute; background:#fff; color: #666666; line-height:30px;  z-index: 999;}
.nav .sub li{ zoom:1; }
.nav .sub a{ line-height:34px;display:block; padding:0 26px; width: 100%; box-sizing: border-box; font-size:12px; text-align: center;}
.nav .sub a:hover{ background:#0f7ac8;color:white;}
.nav .on h3 a{ color: white;}
#nav_bar{width: 832px;height: 100%; float:left}
.nav .on h3 a span {display: block;font-size: 12px;}
.nav .nLi h3 a span { display: block;font-size: 12px;color: #666;}

.img_l{float:left;margin-right:30px;margin-bottom: 30px; width:50%;}
.img_l img{width:100%;}
.txt_ser{width: 100%;overflow: hidden;}
.mar_txt{text-indent: 2em;color: #5a5a5a;padding-top: 30px;}
.cpjs{margin-top:30px; color:#666;}
.img_rs img{margin-left:20px;}

.pop .bottom, .pop .center {
    box-sizing: unset;
}

.fanhui{padding: 2px 5px; background:#0f7ac8; color: #fff!important; border-radius: 10px; margin-top: 14px; font-size:14px; display:block; float:right; margin-right:5px;}

.shouji_banner{width:100%; height: 384px; display: none}


/*手机内页案列*/
.case_shouji{width:100%; height:auto; display:none; margin:15px 0;    overflow: hidden;}
.case_shouji h3{font-size:18px; line-height:18px; color:#333;}
.case_shouji img{width:100%; height:auto; margin:20px 0;}
.xxk_active{background: #323136; color: #fff; width:100%; padding:8px 0; padding-left: 10px;
    font-size: 20px;font-weight: bold; border-left: 3px solid #0074a5; display:block;}




@media (max-width:1366px){
	.index_main_about .about_xinwen ul{width: 89%}
	.swiper-button-prev{left:30px!important}
	.swiper-button-next{right:30px!important;}

}

@media (max-width:1024px){
	.nav>li>a{padding:6px 13px}
	.index_main_about .about_xinwen ul{width: 89%}
	.index_news_info ul li time{width:23% }
	.index_news_info ul li p{width:75%}
	.footer_lian{margin-left: 16px;}
	 .container-fluid>.navbar-header{ margin: 0px;}
	.mian_header_top .container{margin-left: -486px}
	.mian_product li img{height:300px}
	.fixedtop{width:100%; margin-left: -50%}
	.nav-sign-up{display:none}
	
	#nav_bar{width:722px;}
	.nav .nLi h3{width:83px;}
	.main_product_list li .product_list{ height:136px;}
	.swiper-button-next{right:6%!important; margin-top: 22px!important;}
	.swiper-button-prev{left:6%!important; margin-top:22px!important;}
	.china{display:block}
	.lxfx{display:none}
	.mian_service p img{max-width:100%;}
}

@media (max-width:768px){
	.nav-sign-up{display: none}
	.mian_news ul li{padding:24px 0px}
	.service_time time{font-size:24px;}
	.mian_service_info{width:63%}
	.navbar-toggle{margin-top:26px;}
	.service_title{padding:0px 10px}
	.container{padding:0px 15px}
	.index_bottom_right{display: none}
	.footer_lian{width:67%}
	.leo_bottom_right li{width:46%}
	.leo_bottom_right img{width:110px}
	.container-fluid>.navbar-header{height:100%}
	.navbar-collapse,.navbar-inverse .navbar-collapse{border:0px!important;}
	.container-fluid>.navbar-collapse{ background: #fff; position: absolute;width: 100%;left: 15px;z-index: 999}
	.navbar-nav{margin:0px;}
	.nav>li{height:auto; width:90%; margin: 0px auto}
	.dropdown-menu{top:0px;width: 100%}
	.index_news_info ul li time{width:32%;}
	.index_news_info ul li p{width:67%}
	.mian_service ul li{padding:24px 10px}
	.mian_service ul li img, .mian_news ul li img{width:24%; height:110px;margin-top: 10px;}
	.service_time{width:10%}
	.navbar-nav .open .dropdown-menu{ background: #fff;position:relative;width: 100%}
	.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus{background:#0f7ac8!important}
	.nav>li>a{padding:7px 13px}
	.ditu_info .ditu_info_left{width:63%; }
	.ditu_info .index_bottom_right{ display: block;  width:36%}
	.index_bottom_right li{margin-right: 0px; margin-left: 5px}
	.mian_header{height:384px;}
	.mian_header .container{height:100%!important;}
	.mian_header_top .container{width:100%; margin-left: -50%}
	.mian_product li img{height:347px}
	.service_name{padding:0px 27px}
	
	.shipin_chu{ height:300px;}
	.top_nav{display:none;}
	.navbar-inverse{display:block}
	.keyword_light img{ width:100%}
	.main_product_list li .product_list{height:218px;}
	.pc_banner,.header_top_xtitle{display:none;}
	.shouji_banner{display:block;}
	.swiper-slide{ background-size:100% 100%!important;}
	.shou_footer,.footer_zc{ display:block;}
	.lajt-bottom{display: none}
}

@media (max-width:425px){
	.lajt-bottom{padding-top:30px; height: auto}
	.index_bottom{float:none; margin: 0px auto}
	.footer_first,.footer_lian_a{height:auto;display: block; overflow: hidden}
	.footer_lian{width:100%; margin-left: 0px;margin-top: 12px; }
	.footer_first .footer_lian a{width:33%}
	.foot_dibu{height:auto; display: block; overflow: hidden}
	.beianhao{width:100%; line-height: 24px}
	.leo_bottom_right{width:100%; float: none}
	.leo_bottom_right li{float:left}
	.foot_link{margin-bottom:10px}
	.news_title ul li a,.about_title ul li a{width:22%}
	.service_title ul li a{width:30%}
	.jishu_title ul li a{width:30%}
	.service_time{width:18%}
	.news_img{display: none}
	.mian_service_info{width:77%}
	.mian_service ul li .mian_service_info{width:100%}
	.mian_service ul li img{display:none}
	.index_main_about .about_xinwen,.about_shipin,.index_news_li{width:100%;}
	.index_main_about .about_xinwen ul{width:100%; height:100%;padding: 30px 10px 0 22px;}
	.about_shipin{height:173px}
	.products_images img{height:187px;}
	.index_news_li{ margin-bottom:22PX; background:#fff;padding-top:10px;}	
	.index_main_news{padding-top: 24px;}
	.index_main_news .news_xiaot, .index_main_product .news_xiaot{ line-height: 20px; height:45px; margin-top: 10px}
	.index_news_info ul li time{width:23%;}
	.index_news_info ul li p{width:75%}
	.index_products{margin-top: 0px}
	.mian_about img{width:100%}
	.mian_header{background-size: auto 100%;}
	.mian_service_header,.mian_news_header,.mian_about_header,.mian_product_header,.mian_yanjiu_header,.mian_con_header{height:340px; background-size: auto 100%}
	.service_name{margin-bottom:25px;padding: 0px 8px}
	.mian_news{margin-top:0px}
	.index_news_info{ background:none;margin-bottom:10px;}
	.ditu_info .ditu_info_left{width:100%; float: none }
	.ditu_info .index_bottom_right{ display: block;  width:100%;float: none; margin-top: 20px}
	.ditu_info .ditu_info_left li{line-height: 22px}
	.mian_product li{width:100%}
	.mian_product li img{height:362px}
	.mian_header_top .container{height:300px;}
	
	.shipin_chu{ height:230px;width:100%;}
	.main_product_list li{padding:0px 10px;}
	.main_product_list li .product_list{height:110px;}
	
	.img_l{width:100%; margin-right:0px;}
	.img_rs img{margin-left:0;}
	.index_bottom_right{display:none;}
	.fa_time{font-size:12px;}
	.case_shouji{display:block;}
	.proshow_xxk{width:100%;}
	.fanhui{font-size:12px;}
	.shouji_banner{height:207px;}
	.shipin_chu{ height:300px;left:0px;margin-left:0px;}
	.mian_header_top .container{padding:0px;}
	.mian_header{height:90px;}
}


@media (max-width:375px){
	.leo_bottom_right li{width:100%}
	.leo_bottom_right img{width:121px;margin:6px 0px 0 5px}
	.leo_bottom_right li{height:33px; line-height: 33px;}
	.mian_service, .mian_news{margin-top:6px}
	.service_time{width:20%}
	.mian_service_info{width:74%}
	.products_images img{height:166px}
	.index_main_product{ margin: 30px 0 10px}
	.mian_product li img{height:322px}
	.main_product_list li .product_list{height:98px;}
	.shouji_banner{height:188px;}
}

@media (max-width:360px){
	.container{padding:0px 8px}
	.index_main_about .about_xinwen li{margin:20px 0}
	.index_main_about .about_xinwen{height:242px}
	.shouji_banner{height:180px;}
}

@media (max-width:320px){
	.header-engt-img{width:202px}
	.index_news_litop{padding:0px 8px}
	.index_news_info ul li time{width:24%}
	.products_images img,.index_products{height:312px}
	.index_main_product{margin-bottom: 20px}
	.mian_service ul li{padding:24px 0px}
	.mian_service_info h3{font-size:20px;}
	.mian_service_info p{margin-top:5px; font-size:12px; line-height: 20px}
	.mian_service ul li img{height:74px}
	.mian_service ul li .mian_service_info{width:60%}
	.mian_service ul li img{width:38%; margin-top: 24px}
	.index_main_about .about_xinwen li img{width:40px; height:44px;}
	.jsfw{width:40px!important; height:34px!important;}
	.service_title ul li a, .news_title ul li a, .about_title ul li a{width:24%; margin-right: 3px}
	.service_time time{font-size:21px}
	.mian_news ul li{padding:13px 0}
	.mian_product li img{height:281px}
	.shouji_banner{height:160px;}
}